<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>Service Directory</title>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <style media="all" type="text/css">
            @import "css/all.css";#main #middle #center-column .table form .listing {
                text-align: left;
            }
        </style>
    </head>
    <body>
        <div id="main">

            <div id="header">
                <a href="index.html" class="logo"><img src="img/logo.png" width="954" height="112" alt="" /></a>


            </div>
            <div id="middle">
                <div id="left-column">
                    <h3>welcome to SD -Systems</h3>
                    <ul class="nav">
                        <li class="last"></li>
                    </ul>
                    <a href="#" class="link">Help</a>
                    <a href="#" class="link">Contact Admin</a>
                </div>
                <script type="text/javascript">
                    function Validat()
                    {
                        var x = document.forms["form"]["user"].value;
                        var y = document.forms["form"]["pass"].value;
                        if(x == null || x == "")
                        {
                            alert("Username Field cannot be empty");
                            return false;
                        }
                        else if(y == null || y == "")
                        {
                                alert("Password field cannot be empty");
                                return false;
                        }
                    }
                </script>
                <div></div>
                <div id="center-column"><br />
                    <div class="table">
                        <img src="img/bg-th-left.gif" width="8" height="7" alt="" class="left" />
                        <img src="img/bg-th-right.gif" width="7" height="7" alt="" class="right" />
                        <form id="form" name="form" action="LoginController" method="get" onsubmit="return Validat()">
                            <table align="center" cellpadding="0" cellspacing="0" class="listing">
                                <tr>
                                    <th colspan="2" class="first"><img src="img/login-icon.gif" alt="" name="user" width="16" height="16" id="user" />Login Here</th>
                                </tr>
                                <tr style="text-align: left">
                                    <td width="204" class="first style1">- Username</td>
                                    <td width="407"><label for="username"></label>
                                        <label>
                                            <input type="text" name="user" id="user" />
                                        </label></td>
                                </tr>
                                <tr class="bg">
                                    <td class="first style1">- Password</td>
                                    <td><label>
                                            <input type="password" name="pass" id="pass" />
                                        </label>						  <label for="password"></label></td>
                                </tr>
                                <tr>
                                    <td class="first style2">&nbsp;</td>
                                    <td><input type="submit" name="login" id="login" value="Login" /></td>
                                </tr>
                                <tr class="bg">
                                    <td class="first style3">- <a href="ChangePass.jsp">Change Password</a></td>
                                    <td><a href="changepassword.html"><img src="img/edit-icon.gif" width="16" height="16" alt="add" /></a></td>
                                </tr>
                                <tr>
                                    <td class="first style4">-<a href="ForgetPass.jsp">Forget password?</a></td>
                                    <td><a href="forget.html">Recover Here</a></td>
                                </tr>
                            </table>
                        </form>
                    </div>
                    <form id="form1" name="form1" method="post" action="">
                    </form>
                </div>
                <div id="right-column">
                    <strong class="h">INFO</strong>
                    <div class="box">
                        <p>Please login with your username and password:</p>
                        <p>It is advisable that Users can change and modify their password every months. this is for security respond</p>
                    </div></div>
            </div>
            <div id="footer">
                <p>&nbsp;</p>
                <p>&nbsp;</p>
            </div>
        </div>
    </body>
</html>
